<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>慕课网首页课程菜单栏浮动布局实现</title>
		<style>
			.inner {
				width: 1150px;
				height: 380px;
				background-color: blue;
				margin: 0 auto;
			}
			.left {
				float: left;
				background-color: #39364d;
				height: 380px;
				width: 260px;
			}
			.right {
				float: left;
				width: 890px;
				height: 380px;
				background-color: yellow;
			}
			img {
				width: 890px;
				height: 380px;
			}
			.menu {
				color: white;
			}
		</style>
	</head>
	<body>
		<div class="inner">
			<div class="left">
				<div class="menu">菜单</div>
			</div>
			<div class="right">
				<img src="1.jpg" alt="">
			</div>
		</div>
	</body>
</html>